<!doctype html>
<html lang="zh" ng-app="hengha">
<head>
    <meta charset="utf-8" />
    <title>{{ title }} Blue</title>
    <meta http-equiv="X-UA-Compatible" content="IE=edge" />
    <meta name="description" content="{% block description %}Blue{% endblock %}" />
    <meta name="keywords" content="{% block keywords %}Blue{% endblock %}" />
    <meta name="viewport" content="width=device-width, initial-scale=1" />
    <link rel="shortcut icon" href="{{ baseUrl() }}/img/favicon.ico" type="image/vnd.microsoft.icon" />
    <link href="{{ baseUrl() }}/css/pure.css" rel="stylesheet" />
    <link href="{{ baseUrl() }}/css/blue.css" rel="stylesheet" />
</head>
<body class="pure-g">
<header class="pure-u-1">
    <nav class="pure-menu pure-menu-open pure-menu-horizontal">
        <a href="{{ urlFor('blue-home') }}" class="pure-menu-heading">首页</a>
        <ul>
            <li ng-repeat="parent in parents" class="">
                <a href="#categories/{{parent.slug}}">{{ parent.name }}</a>
            </li>
        </ul>
    </nav>
</header>
<aside class="pure-u-lg-1-5 pure-u-md-1-4">
    <nav class="pure-menu pure-menu-open">
        <ul>
            <li ng-repeat="child in current.children"><a href="#categories/{{ child.slug }}">{{ child.name }}</a></li>
        </ul>
    </nav>
</aside>
<main class="pure-u-lg-4-5 pure-u-md-3-4">
    <div class="container">
        {% block content %}{% endblock %}
    </div>
</main>
<hr>
<footer class="pure-u-1 text-center">
    <p>&copy; 2014 - {{ "now"|date("Y") }} <a href="{{ urlFor('blue-home') }}">Blue</a> 保留所有权利</p>
</footer>
<!--
<script type="text/javascript" src="{{ baseUrl() }}/bower_components/jquery/dist/jquery.min.js"></script>-->
<script type="text/javascript" src="{{ baseUrl() }}/bower_components/angular/angular.js"></script>
<script type="text/javascript" src="{{ baseUrl() }}/bower_components/angular-route/angular-route.min.js"></script>
<!--
<script type="text/javascript" src="{{ baseUrl() }}/bower_components/angular-animate/angular-animate.min.js"></script>
<script type="text/javascript" src="{{ baseUrl() }}/bower_components/angular-cookies/angular-cookies.min.js"></script>
<script type="text/javascript" src="{{ baseUrl() }}/bower_components/angular-flash/dist/angular-flash.min.js"></script>
<script type="text/javascript" src="{{ baseUrl() }}/bower_components/angular-resource/angular-resource.min.js"></script>
-->

<script type="text/javascript" src="{{ baseUrl() }}/app/app.modules.js"></script>
<!--
<script type="text/javascript" src="{{ baseUrl() }}/app/app.routes.js"></script>
<script type="text/javascript" src="{{ baseUrl() }}/app/controllers.js"></script>
<script type="text/javascript" src="{{ baseUrl() }}/app/filters.js"></script>
<script type="text/javascript" src="{{ baseUrl() }}/app/services.js"></script>
<script type="text/javascript" src="{{ baseUrl() }}/app/utils.js"></script>
-->
<!--
<script type="text/javascript" src="{{ baseUrl() }}/app/layout/layout.module.js"></script>
<script type="text/javascript" src="{{ baseUrl() }}/app/layout/menu.controller.js"></script>
<script type="text/javascript" src="{{ baseUrl() }}/app/layout/header.controller.js"></script>
-->

<script type="text/javascript" src="{{ baseUrl() }}/app/blue/blue.module.js"></script>
<script type="text/javascript" src="{{ baseUrl() }}/app/blue/blue.controllers.js"></script>
<script type="text/javascript" src="{{ baseUrl() }}/app/blue/config.route.js"></script>
<!--
<script type="text/javascript" src="{{ baseUrl() }}/app/shared/shared.module.js"></script>
<script type="text/javascript" src="{{ baseUrl() }}/app/shared/authtoken.service.js"></script>
-->
{% block script %}{% endblock %}
</body>
</html>
